<template>
  <div class="homeContent">
    <div>
      <homeTab></homeTab>
      <homeBar></homeBar>
      <homeLabel></homeLabel>
    </div>
    <div class="body warp">
      <div class="item" >
      </div>
    </div>
    <div class="test">
      <el-input v-model="name" placeholder="测试用户名" style="width:300px"></el-input>
      <el-input v-model="pw" placeholder="测试密码" style="width:300px"></el-input>
      <el-button type="primary" @click="submit">提交</el-button>
    </div>
  </div>
</template>

<script>
import homeTab from '@/components/homeCom/homeTab.vue'
import homeBar from '@/components/homeCom/homeBar.vue'
import homeLabel from '@/components/homeCom/homeLabel.vue'
export default {
  components:{homeTab,homeBar,homeLabel},
  data(){
    return{
      name:'',
      pw:''
    }
  },
  created(){

  },
  methods:{
    async submit(){
      let result = await this.$axios.post('http://localhost:8888/users',{name:this.name,password:this.pw})
      console.log(result);
    },
    tologin(){
      this.$router.push('/login')
    }
  }
}
</script>

<style lang="scss" scoped>
.homeContent{
  min-height: 100vh;
  background-color: rgba($color: #f9f9f9, $alpha: 0.05);
  .body{
    .item{

    }
  }
}
</style>